<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>通用后台</title>
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/index.css?x">
    <link rel="stylesheet" type="text/css" href="../zTree_v3/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" type="text/css" href="../jqueryconfirm/jquery-confirm.min.css">
    <link rel="stylesheet" type="text/css" href="../json-viewer/jquery.json-viewer.css">
    <link rel="stylesheet" type="text/css" href="../webuploader-0.1.5/webuploader.css"  >
    <link rel="stylesheet" type="text/css" href="../jqueryui/jquery-ui.css" />
    <!--
    <script src="js/jquery.extend.date.js"></script>-->

</head>
<body >
    <div id="index_body_id">
        <div class="index_div_1"  >
            <ul style="float: left;list-style-type: none;line-height: 50px;color: white;font-weight: bold;width: 100%;letter-spacing: 1px;">
                <li style="float: left;margin-left: 75%;">当前登录用户：无</li>
            </ul>


        </div>
        <div class="index_div_2">
            <div class="index_div_2_1">
                <ul id="index_div_2_1_ul" style="padding:0;">
                    <li id="index_div_2_1_ul_yhddgl">用户订单管理</li>
                    <li id="index_div_2_1_ul_fpgl">发票管理</li>
                </ul>


            </div>
            <div id="index_div_2_2_id" class="index_div_2_2"  >

            </div>
        </div>
        <div class="index_div_3">



        </div>
    </div>
    <script type="text/javascript" src="../js/request.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../jqueryui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../js/jquery.extend.date.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap-paginator.js"></script>
    <script type="text/javascript" src="../jqueryconfirm/jquery-confirm.min.js" ></script>
    <script type="text/javascript" src="../zTree_v3/js/jquery.ztree.all.js"></script>
    <script type="text/javascript" src="../bootstrap/js/bootstrap-contextmenu.js"></script>
    <script type="text/javascript" src="../json-viewer/jquery.json-viewer.js"></script>
    <script type="text/javascript" src="../webuploader-0.1.5/webuploader.js"></script>
    <script type="text/javascript">

        $(function () {
            indexUl();
        });

        function indexUl() {
            $("#index_div_2_1_ul").find("li").each(function(_index,_this){
                $(_this).click(function(){
                    var sv = $(_this).attr("id");
                    $("#index_div_2_1_ul li").css("background-color","#f8f8f8");
                    $("#index_div_2_1_ul li").css("font-weight","normal");
                    $("#index_div_2_1_ul li").css("color","black");
                    $(_this).css("background-color","#84C1FF");
                    $(_this).css("font-weight","bold");
                    $(_this).css("color","#FFFFFF");
                    if(sv=='index_div_2_1_ul_yhddgl'){
                        //用户订单管理
                        $("#index_div_2_2_id").load("./index_yhddgl.html");
                    }else if(sv=='index_div_2_1_ul_fpgl'){
                        //发票管理
                        $("#index_div_2_2_id").load("./index_fpgl.html");
                    }
                });
            });
            $("#index_div_2_1_ul").find("li:eq(0)").click();
        }

    </script>



    <!-- 模态框（Modal）修改发票状态 -->
    <div class="modal fade" id="index_fapiaozhuangtai_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">修改发票状态</h4>
                </div>
                <div class="modal-body">

                    <div class="form-group">
                        <label >发票状态</label>
                        <select id="fapiao_status_id">
                            <option value="10">未开票</option>
                            <option value="20">开票过程中</option>
                            <option value="30">已开票</option>
                            <option value="40">开票异常</option>
                        </select>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="updatefpstatus()">提交更改</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


</body>
</html>